import Vue from "vue"
import VueRouter from 'vue-router';

import Home from '../views/HomeView.vue';
import PetCenter from '../views/PetCenter.vue';
import CommunicationCenter from '../views/CommunicationCenter.vue';
import PersonalCenter from '../views/PersonalCenter.vue';
import PetInfo from "@/views/Pet-Center/PetInfo.vue";
import EventReminders from "@/views/Pet-Center/EventReminders.vue";
import ConsultContainer from "@/views/Pet-Center/ConsultContainer.vue";
import AppointmentContainer from "@/views/Pet-Center/AppointmentContainer.vue";
import HealthDetection from "@/views/Pet-Center/HealthDetection.vue";

import AccountSettings from '@/views/Personal-Center/AccountSettings.vue';
import Certification from "@/views/Personal-Center/CertificationView.vue";
import PostManagement from '@/views/Personal-Center/PostManagement.vue';
import CommentManagement from '@/views/Personal-Center/CommentManagement.vue';
import PostDetail from '@/views/Personal-Center/PostDetail'

import CommentSection from "@/views/Community-Center/CommentSection.vue";
import EscueChannel from "@/views/Community-Center/RescueChannel.vue";
import ScienceChannel from "@/views/Community-Center/ScienceChannel.vue";
import ShareChannel from "@/views/Community-Center/ShareChannel.vue";

Vue.use(VueRouter);

const routes = [
    {
        path: '/',
        name: 'Home',
        component: Home
    },
    {
        path: '/pet-center',
        name: 'PetCenter',
        component: PetCenter
    },
    {
        path: '/communication-center',
        name: 'CommunicationCenter',
        component: CommunicationCenter
    },
    {
        path: '/personal-center',
        name: 'PersonalCenter',
        component: PersonalCenter
    },
    {
        path: '/pet-info',
        name: 'PetInfo',
        component: PetInfo
    },
    {
        path: '/event-reminders',
        name: 'EventReminders',
        component: EventReminders
    },
    {
        path: '/consult-container',
        name: 'ConsultContainer',
        component: ConsultContainer
    },
    {
        path: '/appointment-container',
        name: 'AppointmentContainer',
        component: AppointmentContainer
    },
    {
        path: '/health-detection',
        name: 'HealthDetection',
        component: HealthDetection
    },
    {
        path: '/account-settings',
 name: 'AccountSettings',
        component: AccountSettings
    },
    {
        path: '/certification',
        name: 'Certification',
        component: Certification
    },
    {
        path: '/post-management',
        name: 'PostManagement',
        component: PostManagement

    },
    {
        path: '/comment-management',
        name: 'CommentManagement',
        component: CommentManagement

    },
    {
        path: '/post-detail',
        name: 'PostDetail',
        component: PostDetail

    },
    {
        path: '/comment-section',
        name: 'CommentSection',
        component: CommentSection
    },
    {
        path: '/escue-channel',
        name: 'EscueChannel',
        component: EscueChannel
    },
    {
        path: '/science-channel',
        name: 'ScienceChannel',
        component: ScienceChannel
    },
    {
        path: '/share-channel',
        name: 'ShareChannel',
        component: ShareChannel

    }
];

const router = new VueRouter({
    mode: 'history',
    base: process.env.BASE_URL,
    routes
});

export default router;